<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>明细</title>
    <link rel="stylesheet" href="../../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../static/css/admin.css" media="all">
    <style>
        .layui-form-label{
            width: 90px;
            text-align: left;
        }
        .layui-table {
            border-collapse: collapse;
            width: 950px;
            justify-content: center; /* 将内容水平居中 */
            align-items: center; /* 将内容垂直居中 */
            align-content: center;
        }
        table, th, td {
            border: 1px solid black;
        }
        th, td {
            width: 150px;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin" style="padding: 20px 0 0 0;">
    <div class="layui-form-item">
        <label class="layui-form-label">薪酬标准编号:</label>
        <div class="layui-input-inline st">
            <input type="text" name="sal_standard_code" lay-verify="required" placeholder="请输入薪酬标准编号" autocomplete="off" class="layui-input">
        </div>
        <label class="layui-form-label">薪酬标准名称:</label>
        <div class="layui-input-inline st">
            <input type="text" name="sal_standard_name" lay-verify="required" placeholder="请输入薪酬标准名称" autocomplete="off" class="layui-input" >
        </div>
        <label class="layui-form-label">薪酬总额:</label>
        <div class="layui-input-inline st">
            <input type="text" name="total" lay-verify="required" autocomplete="off" class="layui-input" >
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">制定人:</label>
        <div class="layui-input-inline st">
            <input type="text" name="setter" lay-verify="required" placeholder="请输入制定人" autocomplete="off" class="layui-input" >
        </div>
        <label class="layui-form-label">登记人:</label>
        <div class="layui-input-inline st">
            <input type="text" name="registrant" lay-verify="required" autocomplete="off" class="layui-input" >
        </div>
        <label class="layui-form-label">登记时间:</label>
        <div class="layui-input-inline st" id="test6">
            <input type="text" name="register_time" lay-verify="required" autocomplete="off" class="layui-input"  id="test-startDate-1" >
        </div>
    </div>
    <div  class="layui-form-item">
        <div class="layui-card-body">
            <div class="layui-tab layui-tab-card">
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <table class="layui-table">
                            <tr>
                                <th>序号</th>
                                <th>薪酬项目名称</th>
                                <th>金额</th>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>基本薪资</td>
                                <td><input type="text" name="basic_salary" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>绩效奖金</td>
                                <td><input type="text" name="performance" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>交通补助</td>
                                <td><input type="text" name="transportation" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>通讯补助</td>
                                <td><input type="text" name="communication" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>餐补</td>
                                <td><input type="text" name="meal_subsidy" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>住房补助</td>
                                <td><input type="text" name="housing" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td>出差补助</td>
                                <td><input type="text" name="business" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                            <tr>
                                <td>8</td>
                                <td>加班补助</td>
                                <td><input type="text" name="overtime_subsidy" lay-verify="required" autocomplete="off" class="layui-input"></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-form-item layui-hide">
        <input type="button" lay-submit lay-filter="LAY-user-front-submit" id="LAY-user-front-submit" value="保存">
    </div>
</div>

<script src="../../../static/layui/layui.js"></script>
<script type="text/javascript">
    // 日期格式转换函数
    function formatDate(str) {
        if (str != null) {
            var now = new Date(str);
            var year = now.getFullYear();  //取得4位数的年份
            var month = now.getMonth() + 1;  //取得日期中的月份，其中0表示1月，11表示12月
            var date = now.getDate();      //返回日期月份中的天数（1到31）
            return year + "-" + month + "-" + date;
        }
        return "";
    }
</script>
<script type="text/javascript">
    layui.config({
        base: '../../static/layui/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['layer', 'table', 'form', 'element', 'util', 'laydate','index','layedit'], function () {
        var $ = layui.$
            , form = layui.form
            , layer = layui.layer
            , table = layui.table
            , element = layui.element
            , util = layui.util
            , layedit = layui.layedit
            , laydate = layui.laydate;
        //常规用法
        laydate.render({
            elem: '#hiredate'
        });
        // $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
        //     var type = $(this).data('type');
        //     active[type] ? active[type].call(this) : '';
        // });
        /*时间选择*/
        laydate.render({
            elem: '#test-startDate-1',
            type: 'datetime', // 添加此行以启用日期和时间选择
            format: 'yyyy-MM-dd HH:mm:ss' // 可选：设置日期和时间的格式
        });
    });
</script>
</body>
</html>